{literal}
<script type="text/javascript">
    $(document).ready(function(){
        var url_uf = "uf/select-uf";
        var url_cidade = "cidade/select-cidade";
        var cod_uf = "{/literal}{$uf->id}{literal}";
        var cod_cidade = "{/literal}{$unidade->cidade_id}{literal}";
        $("#form_unidade").validate({
            rules: {
	            nome: { required: true },
	            razaosocial: { required: true },
            	cnpj: { required: true, verificaCNPJ: true },
                cep: { required: true },
                endereco: { required: true },
                uf: { required: true },
                cidade: { required: true }
            },
            messages: {
                nome: "Obrigatorio",
                razaosocial: "Obrigatorio",
                cnpj: { required: "Obrigatorio", email: "CNPJ inv&aacute;lido" },
                cep: "Obrigatorio",
                endereco: "Obrigatorio",
                uf: "Obrigatorio",
                cidade: "Obrigatorio"
            },
            submitHandler: function(form) {
				jqAjaxForm(form, "div_mensagem");
			}
        });

        $('#cnpj').mask("99.999.999/9999-99");
        $('#cep').mask("99999-999");
        
        if (cod_uf!="")
        {
            url_uf = url_uf + "?cod=" + cod_uf;
        }
        if (cod_cidade!="")
        {
            populaSelect("cidade", '{/literal}{$_site.url}{literal}', url_cidade + "?cod=" + cod_cidade + "&cod_uf=" + cod_uf);
        }

        $("#uf").change(function() {
        	populaSelect("cidade", '{/literal}{$_site.url}{literal}', url_cidade + "?cod_uf=" + $("#uf").attr("value"));
        });

        populaSelect("uf", '{/literal}{$_site.url}{literal}', url_uf);
        
    }); //fecha $(
    
</script>
{/literal}
<form id="form_unidade" name="form_unidade" method="post" action="{$_site.url}{$acao}">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="mvTituloFundo">
				  <tr>
					<td>
					{if $tipocontato->id > 0}Editar{else}Nova{/if} Unidade
					<input type="hidden" name="cod" value="{$unidade->id}"/>
					</td>
				  </tr>
				</table>
    <table width="100%" border="0" cellspacing="0" cellpadding="0">                
                <tr>
                  <td class="contForm">
                  
                  <table width="100%" border="0" cellspacing="3" cellpadding="0">
                      <tr>
                        <td width="30%" valign="top" class="fundoTituloForm">CNPJ:</td>
                        <td class="bordaFormResp"><input name="cnpj" type="text" class="formulario" id="cnpj" value="{$unidade->vhr_cnpj}" maxlength="18"/></td>
                      </tr>
                      <tr>
                        <td width="30%" valign="top" class="fundoTituloForm">Raz&atilde;o Social:</td>
                        <td class="bordaFormResp"><input name="razaosocial" type="text" class="formulario tamanhoForm" id="razaosocial" value="{$unidade->vhr_razaosocial}" maxlength="250"/></td>
                      </tr>
                      <tr>
                        <td width="30%" valign="top" class="fundoTituloForm">Nome:</td>
                        <td class="bordaFormResp"><input name="nome" type="text" class="formulario tamanhoForm" id="nome" value="{$unidade->vhr_nome}" maxlength="50"/></td>
                      </tr>
                      <tr>
                        <td valign="top" class="fundoTituloForm">Descri&ccedil;&atilde;o:</td>
                        <td width="70%" class="bordaFormResp"><input name="descricao" type="text" class="formulario tamanhoForm" id="descricao" maxlength="200" value="{$unidade->vhr_descricao}" /></td>
                      </tr>
                      <tr>
                        <td valign="top" class="fundoTituloForm">Endere&ccedil;o:</td>
                        <td width="70%" class="bordaFormResp"><input name="endereco" type="text" class="formulario tamanhoForm" id="endereco" maxlength="200" value="{$unidade->vhr_endereco}" /></td>
                      </tr>
                      <tr>
                        <td valign="top" class="fundoTituloForm">CEP:</td>
                        <td width="70%" class="bordaFormResp"><input name="cep" type="text" class="formulario" id="cep" maxlength="9" value="{$unidade->vhr_cep}" /></td>
                      </tr>
                      <tr>
                        <td valign="top" class="fundoTituloForm">UF:</td>
                        <td width="70%" class="bordaFormResp"><select id='uf' name='uf' class='formulario'></select></td>
                      </tr>
                      <tr>
                        <td valign="top" class="fundoTituloForm">Cidade:</td>
                        <td width="70%" class="bordaFormResp"><select id='cidade' name='cidade' class='formulario'><option value="">.selecione a uf.</option></select></td>
                      </tr>
                      
                  </table>
                  
                  </td>
                </tr>
        <tr>
                  <td class="paddingTop15 paddingBottom15" align="center"><!-- === Botões ( Salvar e Limpar ) === -->
                      <span class="paddingRight15">
                      	<input type="submit" value="Salvar" class="botao">
                      </span>
                    <span class="paddingRight15">
                    <input name="limpar" type="reset" id="Limpar" value="Limpar" class="botao" />
                    </span>
                    <input type="button" value="Cancelar" onclick="cancelar(); return false;" class="botao">
                      <!-- Final === Botões ( Salvar e Limpar ) === -->                      </td>
                </tr>
              </table>	
    </form>
